diff options
| author | Adam Soltys <[email protected]> | 2022-08-29 17:36:12 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-08-29 17:36:12 -0700 |
| commit | 2f11cdc8e6f885089d4832b26e7dd78ad86eca45 (patch) | |
| tree | 5ef562302eba3515df906e6aed1fde71642cf368 /src/routes/[username]/settings/_security.svelte | |
| parent | 8d09fd39f2701dbc0853f9f364eb729c67cfef5d (diff) | |
| download | coinos-ui-2f11cdc8e6f885089d4832b26e7dd78ad86eca45.tar.gz coinos-ui-2f11cdc8e6f885089d4832b26e7dd78ad86eca45.zip | |
refactor settings page
Diffstat (limited to 'src/routes/[username]/settings/_security.svelte')
| -rw-r--r-- | src/routes/[username]/settings/_security.svelte | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/src/routes/[username]/settings/_security.svelte b/src/routes/[username]/settings/_security.svelte new file mode 100644 index 00000000..33a84c0d --- /dev/null +++ b/src/routes/[username]/settings/_security.svelte @@ -0,0 +1,39 @@ +<svelte:options accessors={true} /> +<script> + import { t } from '$lib/translations'; + import { Icon } from '$comp'; +</script> + +<div> + <span class="font-bold mb-1">{$t('user.settings.securityPIN')}</span> + <p class="text-secondary mb-1"> + {$t('user.settings.securityPINDescription')} + </p> + <button class="p-3 border rounded-3xl font-bold flex justify-center items-center" + ><Icon icon="lock" style="mr-1" /> {$t('user.settings.setPIN')}</button + > +</div> + +<div> + <label for="auto-lock" class="font-bold mb-1">{$t('user.settings.autoLock')}</label> + <p class="text-secondary mb-1"> + {$t('user.settings.autoLockDescription')} + </p> + <select name="auto-lock" class="block py-3 w-full"> + <option value="5">5 min</option> + <option value="10">10 min</option> + <option value="30">30 min</option> + <option value="60">1 h</option> + <option value="480">8 h</option> + </select> +</div> + +<div> + <span class="font-bold mb-1">{$t('user.settings.twofa')}</span> + <p class="text-secondary mb-1"> + {$t('user.settings.twofaDescription')} + </p> + <button class="p-3 border rounded-3xl font-bold flex justify-center items-center" + ><Icon icon="mobile" style="mr-1" /> {$t('user.settings.twofaSetup')}</button + > +</div> |